<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // 变量 属性  函数  方法的区别
        // 1.变量和属性相同点都是存储数据的
        // var name = 'red'//
        var obj = {
            name: 'xxx',//
            fn:function () {
            }
        }
        function fn() {
        }
        console.log(obj.name);
        // console.log(name);//报错
        // 变量 单独声明并赋值 使用的时候直接写变量名 单独存在
        // 属性 在对象里的不需要声明的 使用的时候必须是对象名.属性



        // 2.函数和方法的相同点 都是实现某种功能的 做某件事
        // 函数是单独声明调用的 函数名() 单独存在的
        // 方法 在对象里面 调用是 对象.方法()
    </script>
</head>

<body>

</body>

</html>